<template>
    <div class="header">
        <router-link to="/">
            <div class="header-left">
                <span class="iconfont">&#xe606;</span>
            </div>
            <div></div>
        </router-link>
        城市选择
    </div>
</template>

<style lang="stylus" scoped>
    @import "~styles/variable.styl";
    .header{
        height :.86rem;
        overflow :hidden;
        text-align :center;
        background-color :$bgColor;
        line-height :.86rem;
        color :white;
          .header-left {
            width :.64rem;
            float :left;
            text-align :center;
            color :white;
          }
    }
</style>

<script>
export default {
    name:"CityHeader"
}
</script>


